@import './common.scss';

.layout {
    .bg-img {
        -webkit-filter: grayscale(40%);
        /* Chrome, Safari, Opera */
        filter: grayscale(40%);
    }

    .list-box {
        position: relative;
        width: 100%;
        min-height: 90vh;
        background: url('../images/bg_index3.png') no-repeat;
        background-size: 100% 100%;

        .title-img {
            width: 70%;
            margin: 0.1rem auto;
        }

        .back-btn {
            width: 38%;
            position: absolute;
            bottom: -0.15rem;
            left: 50%;
            transform: translateX(-50%);
        }
    }

    .package-list {
        width: 100%;
        padding: 0 0.1rem;

        .prize-list-box {
            height: 60vh;
            overflow-y: scroll;
            -webkit-overflow-scrolling: touch;

            .package-item {
                display: flex;
                justify-content: space-between;
                padding: 0 2%;
                margin: 0.07rem auto;
                font-size: 0.17rem;
                color: #fff;
                line-height: 0.95rem;
                width: 90%;
                height: 0.75rem;
                background: url('../images/bg_index7.png') no-repeat;
                background-size: 100% 100%;

            }
        }
    }
}